import { patient_depressedsds_info } from '@/services/patient';
import { ProDescriptions } from '@ant-design/pro-components';
import { Divider, Modal, Radio, Spin, Typography } from 'antd';
import { useEffect, useState } from 'react';
import './depressed.less';
const { Title } = Typography;
interface Iprops {
  isShowDepressedOnline: (show: boolean) => void;
  onlineDepressedModalOpen: boolean;
  onlineId: number | undefined;
}
const OnlineDepressedInfo = (props: Iprops) => {
  const { isShowDepressedOnline, onlineDepressedModalOpen, onlineId } = props;
  // 存储评估详情
  const [depressedInfo, setDepressedInfo] = useState<any>(undefined);
  // 评估内容
  const [content, setcontent] = useState<any>(undefined);
  // 页面初始化
  useEffect(() => {
    // 获取抑郁评估详情
    const getData = async () => {
      if (onlineId) {
        let res: any = await patient_depressedsds_info({ id: onlineId });
        console.log('抑郁评估详情', res);
        if (res.code == 200) {
          setDepressedInfo(res.data);
          console.log('抑郁', res.data.content, JSON.parse(res.data.content));
          setcontent(JSON.parse(res.data.content));
        }
      }
    };
    getData();
  }, []);

  // 评估详情
  const get_oldinfo = async () => {
    return {
      data: depressedInfo,
    };
  };
  return (
    <Modal
      title="抑郁自评评估详情"
      open={onlineDepressedModalOpen}
      onCancel={() => isShowDepressedOnline(false)}
      footer={null}
      width={1500}
    >
      <Divider />
      <Typography>
        {/* 评估详情 */}
        {depressedInfo === undefined ? (
          <div
            style={{
              margin: '20px 0',
              marginBottom: '20px',
              padding: '30px 50px',
              textAlign: 'center',
            }}
          >
            <Spin size="large" />
          </div>
        ) : (
          <>
            <ProDescriptions
              column={3}
              request={async (params) => get_oldinfo()}
              columns={[
                {
                  title: '评估时间',
                  key: 'create_time',
                  dataIndex: 'create_time',
                },
                {
                  title: '评估驿站',
                  key: 'poststation_name',
                  dataIndex: 'poststation_name',
                },
                {
                  title: '评估结果',
                  key: 'results',
                  dataIndex: 'results',
                },
              ]}
            ></ProDescriptions>
            <Title level={5}>抑郁自评量表（SDS）</Title>
            <div style={{ display: 'flex', flexWrap: 'wrap' }}>
              <div className="question_items">
                <div className="question_title">我感到情绪沮丧、郁闷？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_1 || content.question_1 == 0
                        ? content.question_1
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我感到早晨心情最好？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_2 || content.question_2 == 0
                        ? content.question_2
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我要哭或想哭？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_3 || content.question_3 == 0
                        ? content.question_3
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我夜间睡眠不好？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_4 || content.question_4 == 0
                        ? content.question_4
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我吃饭像平时一样多？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_5 || content.question_5 == 0
                        ? content.question_5
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我的性功能正常？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_6 || content.question_6 == 0
                        ? content.question_6
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我感到体重减轻？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_7 || content.question_7 == 0
                        ? content.question_7
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我为便秘烦恼？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_8 || content.question_8 == 0
                        ? content.question_8
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我的心跳比平时快？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_9 || content.question_9 == 0
                        ? content.question_9
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我无故感到疲劳？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_10 || content.question_10 == 0
                        ? content.question_10
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我的头脑像往常一样清楚？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_11 || content.question_11 == 0
                        ? content.question_11
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我做事情像平时一样不感到困难？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_12 || content.question_12 == 0
                        ? content.question_12
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我坐卧不安，难以保持平静？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_13 || content.question_13 == 0
                        ? content.question_13
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我对未来感到有希望？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_14 || content.question_14 == 0
                        ? content.question_14
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我比平时更容易激怒？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_15 || content.question_15 == 0
                        ? content.question_15
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我觉得决定什么事很容易？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_16 || content.question_16 == 0
                        ? content.question_16
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我感到自已是有用的和不可缺少的人？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_17 || content.question_17 == 0
                        ? content.question_17
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我的生活很有意义？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_18 || content.question_18 == 0
                        ? content.question_18
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">假若我死了别人会过得更好？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_19 || content.question_19 == 0
                        ? content.question_19
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_items">
                <div className="question_title">我仍旧喜爱自己平时喜爱的东西？</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_20 || content.question_20 == 0
                        ? content.question_20
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有或偶尔
                    </Radio>
                    <Radio value={'1'} key={1}>
                      有时
                    </Radio>
                    <Radio value={'2'} key={2}>
                      经常
                    </Radio>
                    <Radio value={'3'} key={3}>
                      总是如此
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
            </div>
          </>
        )}
      </Typography>
    </Modal >
  );
};
export default OnlineDepressedInfo;
